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How до we reconcile these two representations of color? 
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Visible Light Spectrum and Representation of Color 
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Increasing Wavelength (A) in nm — 


Newton’s color circle (1708) 


(wikipedia) 





extraspectral hues mixed by 
overlapping opposite spectrum ends 


http://www.handprint.com/HP/WCL/color2.html 


Representation of Color: Linear to Circular 2D Wheel 





francois d'aguilon's color mixing theory (1613) 
http://www.handprint.com/HP/WCL/color6.html 





Newton's color circle (1708) 


(wikipedia) 





extraspectral hues mixed by 
overlapping opposite spectrum ends 


http://www.handprint.com/HP/WCL/color2.html 


Normalized human photoreceptor absorbances for different wavelengths of light 
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e Can detect a single photon but does not contribute to 
resolution of color 





Cones 
• Red/long, green/medium, and blue/short 400 5 soo M L боо 700 
• Each type of cone responds to range of wavelengths wavelength (nanometers) 


Sensitivities of cones 


(http://www.handprint.com/HP/WCL/color1.html) 
(Science for the Curious Photographer) 


Spectral distribution of a spinach leaf illuminated by sunlight. The leaf absorbs most 
wavelengths as heat, but reflects visible light around 550nm. 
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https://medium.com/hipster-color-science/a-beginners-guide-to-colorimetry-401f1830b65a 


Spectral distribution of a spinach leaf illuminated by sunlight. The leaf absorbs most 
wavelengths as heat, but reflects visible light around 550nm. 
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What color do we perceive a 
spinach to be? 


https://medium.com/hipster-color-science/a-beginners-guide-to-colorimetry-401f1830b65a 





When you view the charts overlaid, you can see that the spinach mostly 
reflects light outside of the eye's visual range, and inside our range it mostly 
reflects light centered around our M cone. 


sensitivity / reflectance(scaled) 
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The eye's cone system takes a complex spectral distribution (like the spinach) and reduces it 
down to three numerical values, each representing how much the three cones were stimulated. 


https://medium.com/hipster-color-science/a-beginners-guide-to-colorimetry-401f1830b65a 


Trichromatic Mixtures & Color Primaries 


Color vision is possible because three types of cones respond to slightly different ranges of wavelengths of light 


The eye's cone system takes a 
complex spectral distribution (like 
the spinach) and reduces it down to 
three numerical values, each 
representing how much the three 
cones were stimulated. 





James Clerk Maxwell: showed that almost all The trichromatic process is lossy, you can't go from 
colors can be derived from red, blue, and the output of the cones back to the original 
green light spectral distribution. This is because different 


spectral distributions can stimulate the cones in 
the exact same way. 


(Science for the Curious Photographer) 


Spectrum Locus 








http://www.handprint.com/HP/WCL/color1.html 
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S = 0.09 


wavelength = 500 пт 


What if we give our eyes, а single wavelength? 
(In this case, 500nm) 


The standard method to illustrate cone behavior is to combine 
the three cone responses produced by monochromatic lights 
from short (390 nm) to long (750 nm) wavelengths. This is done 
by plotting the cone fundamentals at each wavelength as 
points in the cone excitation space. 

For example (diagram, right), at a wavelength of 500 nm, 

the L cone sensitivity is 0.44, M is 0.64 and S is 0.09 


Spectrum Locus 5 
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wavelength = 500 nm 


When similar points are plotted for all visible wavelengths, they 
define a curved path of cone excitations to monochromatic 
(maximally saturated) lights called the spectrum locus. 


http://www.handprint.com/HP/WCL/color1.html 


3D plot to 2D projection 


15 


extraspectral hues 





https://medium.com/hipster-color-science/a-beginners-guide-to-colorimetry- 
401f1830b65a 





Every point on the outer curve is the chromaticity 
coordinate of a spectral color (single wavelength). 


Every point inside the curve is a chromaticity of a 
non-spectral color 
* chromaticities that only can be created from 
mixtures of light 


Every point outside the curve is an imaginary 
chromaticity that is meaningless and has no 
realizable color. 


https://medium.com/hipster-color-science/a-beginners-guide-to-colorimetry- 
401f1830b65a 





Spectrum Locus 
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http://www.handprint.com/HP/WCL/color1.html 
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C.I.E. 1931 Chromaticity Diagram 
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(wikipedia) 





CIE chromaticity diagram 


< Increasing Frequency (v) 
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Increasing Wavelength (A) in nm => 


— ——» perception 


(wikipedia) 


(wikipedia) 


C.I.E. 1931 Chromaticity Diagram 
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The area defined by the spectrum contains 
coordinates of all stimuli that can be seen. ү; 
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CIE chromaticity diagram 


The area defined by the spectrum contains 
coordinates of all stimuli that can be seen. 


АП stimuli that can be obtained by mixing RGB 
primaries fall inside a triangle within this space 


Know we know what Red (255,0,0) should look 
like 


You can see that neither sRGB or Adobe RGB can 
express the entire gamut of human color 
perception. If you photograph something with a 
color outside the range of the color space used by 
your camera, it will get usually get clipped to the 


closest expressible color. 90 Ot 02 03 04 05 06 07 08 





https://medium.com/hipster-color-science/a-beginners-guide-to-colorimetry- 
401f1830b65a 


Color Space 


Some standard color spaces in relationship to the CIE 1931 
Chromaticity diagram (all perceivable stimulus) 


ROMM RGB (ProPhoto) 


The color space tells you what stimulus that model/device | Adobe RGB 98 
recreates. 


The area inside the three points (primaries) are called gamut 





For example, JPEG will use an sRGB or Adobe RGB color space. 


sRGB/Adobe RGB cannot express the entire gamut of human 
color perception. If you photograph something outside of the 
gamut of the color space you are using, it will be clipped to the 
nearest color 





ProPhoto characterizes some stimuli that cannot be displayed or 
even observed by the human eye 


Spectral response of the Kodak sensor used іп the Leica M8 


KAF-10500-CX Spectral Response 
(with 0.5mm BS-7 coverglass ) This allows you to 


construct the spectrum 
that this camera is 
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Charles S. Johnson Jr. 
Science for the Curious Photographer, 2nd Edition 


How до we reconcile these two representations of color? 
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Philipp Otto Runge’s Color Sphere 1810 





First color model to adopt the three dimensional 
framework. 


e The sphere contains the white to black value 


scale as its polar axis 
e Newton's hue circle as the equator 


(Wikimedia) 





Geometry/Terminology of modern color model 


Hue (from Newton) - color on the spectrum by its name 


(red, orange...etc) 


Saturation: neutral to pure spectral color 


Lightness: black to brightest 


lightness 


hue 
or hue angle 





(http://www.handprint.com/HP/WCL/color7.html) 


Geometry/Terminology of modern color model 


Hue (from Newton) 


Saturation: neutral to pure spectral color. 


Lightness: black to brightest 





prismatic color chromatic gray chromatic gray prismatic color 


not saturated 


saturated saturated 





muted color achromatic gray muted color 


lightness 





hue 
or hue angle 


(http://www.handprint.com/HP/WCL/color7.html) 


Geometry/Terminology of modern color model 


lightness 


Hue (from Newton) 


Saturation: neutral to pure spectral color 





Lightness (Brightness, Value): black to brightest 





hue 
or hue angle 


(http://www.handprint.com/HP/WCL/color7.html) 


(Wikimedia) 
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Cylindrical Color Spaces 





Newton's Color Wheel to Color Selectors (RGB Cube) 


Three primary colors R, G, B 


Often used in programming 





Newton's Color Wheel to Color Selectors (RGB Cube) 


Three primary colors R, G, B 


(255, 0,0) 
R R 255 


(0, 0, Y 
B 255 





G 255 





(0, 255, 0) 


wikimedia 


e e Choose a color 


Color Picker/Selectors m Be 
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Hex Color # FF0000 
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wikimedia 





Photoshop Color Picker 


Brightness 





Add to Swatches 


current 
Color Libraries 


OH: 


Only Web Colors 


Saturation 


Color as Interaction (successive 
contrast) 





Stare at the black circle at right for a 
few seconds, and then shift gaze to 
the white area within the box. 





"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (successive 
contrast) 





Stare at the black circle at right for a 
few seconds, and then shift gaze to 
the white area within the box. 


The after image will appear as a very 
bright white circle of the same size 
as the black one. 





"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (successive 
contrast) 


Stare at the blue circle at right for a 
few seconds, and then shift gaze to 
the white area within the box. 





"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (successive 
contrast) 





Now the afterimage contains hue. 


You should see orange 





"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (simultaneous 
contrast) 


Look at the border between two 
colors 





"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (simultaneous 
contrast) 


Look at the border between two 
colors we see two simultaneous 
after images. 


On the darker side, you will see an 
even darker band. At the same time, 
a lighter band will appear on the 
inside edge of the lighter rectangle. 





"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (simultaneous 
contrast) 


Look at the border between two 
colors we see two simultaneous 
after images. 


On the darker side, you will see an 
even darker band. At the same time, 
a lighter band will appear on the 
inside edge of the lighter rectangle. 





Works even with black/white. You 
get whiter white and darker black. 


"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (simultaneous 
contrast) 


If blue circle is placed against a 
lighter achromatic gray 





"Color A workshop for artists and designers" by Hornung, David 


Color as Interaction (simultaneous 
contrast) 


If blue circle is placed against a 
lighter achromatic gray, the 
afterimage that surrounds it will 
contain its complement (orange) but 
will also be lighter than the gray it 
falls upon. 





Furthermore, the inside edge of the 
blue circle reveals a thin ring of 
darker blue. The gray being 
achromatic, influences only the 
value of the blue and not its hue. 


"Color A workshop for artists and designers" by Hornung, David 


How are these blue circle different? 





"Color A workshop for artists and designers" by Hornung, David 


The green square creates an 
afterimage in the blue circle (red). 
This makes the blue in the green 
square look more warmer 





"Color A workshop for artists and designers" by Hornung, David 


Joseph Albers апа "Interaction ої 


Colors" 





Make two colors appear as the same 


"Color A workshop for artists and designers" by Hornung, David 





Vanishing boundaries: 

Two colors of equal brightness and similar 
hue, are seen as a single color when viewed 
from a distance. This third color appears 
more luminous than either of the hues that 
produced it. 








Saturated colors advance, dull colors recede Warm colors advance, cool colors recede 




















Vincent van Gogh, 1890 





Crary р95. The whole technical power of painting depends on our 
recovery of what may be called the innocence of the eye; that is to say, of 
a sort of childish perception of these flat stains of colour, merely as such, 
without consciousness of what they signify,-as a blind man would see 
them if suddenly gifted with sight 


